doctype html
html
  head
    meta(charset='utf-8')
    meta(name='x-apple-disable-message-reformatting')
    meta(http-equiv='x-ua-compatible' content='ie=edge')
    meta(name='viewport' content='width=device-width, initial-scale=1')
    meta(name='format-detection' content='telephone=no, date=no, address=no, email=no')
    link(href='https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap' rel='stylesheet' media='screen')
    style.
      body {
      margin: 0;
      padding: 0;
      background-color: #111827;
      width: 100% !important;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      }
      body, table, td, a {
      font-family: Inter, Arial, sans-serif !important;
      }
      table {
      border-collapse: collapse;
      border-spacing: 0;
      }
      img {
      border: 0;
      line-height: 100%;
      text-decoration: none;
      -ms-interpolation-mode: bicubic;
      }
  body(bgcolor='#111827' style='margin: 0; padding: 0; background-color: #111827; width: 100% !important;')
    table(role='presentation' width='100%' cellpadding='0' cellspacing='0' border='0' bgcolor='#111827' style='width: 100%; background-color: #111827; font-family: Inter, Arial, sans-serif; color: #fff; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;')
      tr
        td(align='center' style='padding: 40px 16px;')
          table(role='presentation' width='600' cellpadding='0' cellspacing='0' border='0' align='center' bgcolor='#111827' style='width: 600px; max-width: 100%; font-family: Inter, Arial, sans-serif; color: #fff; font-size: 16px; background-color: #111827; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;')
            tr
              td(style='padding: 0;')
                table(role='presentation' width='100%' cellpadding='0' cellspacing='0' border='0' style='width: 100%; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;')
                  tr
                    td(style='width: 100px; padding-right: 10px; vertical-align: middle;')
                      img(src='https://raw.githubusercontent.com/Maintainerr/Maintainerr/refs/heads/main/ui/public/logo.png' width='100' height='100' alt='Maintainerr logo' style='width: 100px; height: 100px; image-rendering: crisp-edges; image-rendering: -webkit-optimize-contrast; display: block;')
                    td(style='padding-left: 10px; vertical-align: middle; font-size: 48px; line-height: 1.2; font-weight: 700; color: #fff; font-family: Inter, Arial, sans-serif; mso-line-height-rule: exactly;')
                      | Maintainerr
            tr
              td(style='padding-top: 16px; color: #fff; font-family: Inter, Arial, sans-serif; font-size: 20px; line-height: 1.6; mso-line-height-rule: exactly;')
                != body